<!--
功能：富文本编辑器
作者：Maoxiangdong
邮箱：862755519@qq.com
时间：2023-11-21 08:44:10
-->
<template>
  <div>
    <PageTitle
      title="富文本编辑器"
      subTitle="WangEditor 内置了所有常见的富文本操作功能，能满足绝大部分使用需求。直接配置使用即可，无需再二次开发。"
    ></PageTitle>
    <div class="page-content">
      <WangEditor v-model:content="editorContent"/>
    </div>
  </div>
</template>

<script setup>
import WangEditor from '@/components/WangEditor/index.vue'
import { ref } from "vue"
const editorContent = ref('')
</script>
<style lang="scss" scoped>
.page-content {
  box-shadow: 0 0 6px 0 rgba(51, 51, 51, 0.08);
  margin-top: 10px;
  border-radius: 4px;
  padding: 15px;
  background-color: #ffffff;
}
</style>
